@import '../../../style/base.styl';
@import '/animate.styl';
.container
	min-height 100vh
	box-sizing border-box
	background-image linear-gradient(#EBFFDC, #CAFFCD)
	padding 32rpx
	.btn
		width 100%
		height 98rpx
		display flex
		align-items center
		font-size 34rpx
		color #fff
		border-radius 49rpx
		justify-content center
		background $shallowThemeColor
		margin-bottom 32rpx
	// 弹窗
	.mask
		position fixed
		left 0
		top 0
		right 0
		bottom 0
		z-index 1
		background: rgba(0, 0, 0, .6)
		.mask-box
			position fixed
			left 0
			top 0
			bottom 0
			right 0
			background: rgba(0, 0, 0, 0)
		.wrapper
			position fixed
			background: #fff
		&.left-mask
			.wrapper
				width 80%
				left 180rpx
				bottom 0
				top 0
		&.right-mask
			.wrapper
				width 80%
				left -600rpx
				bottom 0
				top 0
		&.top-mask
			.wrapper
				width 100%
				height 80%
				bottom 0
				border-top-left-radius 32rpx
				border-top-right-radius 32rpx
		&.bottom-mask
			.wrapper
				width 100%
				height 80%
				top 0
				border-bottom-left-radius 32rpx
				border-bottom-right-radius 32rpx
		&.alert-mask
			.wrapper
				left 0
				right 0
				top 50%
				transform translate(0, -50%)
				width 650rpx
				height 858rpx
				border-radius 32rpx
				margin auto
